<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title>Droplet: <%= controller.action_name %></title>

<link rel="stylesheet" href="/goldberg/stylesheets/goldberg.css"
  type="text/css" media="screen" />
<link rel="stylesheet" href="/goldberg/stylesheets/layout.css"
  type="text/css" media="screen" />
<link rel="stylesheet" href="/stylesheets/alphacube.css"
  type="text/css" media="screen" />

<script type="text/javascript" src="/goldberg/javascripts/suckerfish.js"></script>

<% if defined?(RAILS_ROOT)
     if File.exists?("#{RAILS_ROOT}/public/stylesheets/ajax_scaffold.css") -%>
<%= stylesheet_link_tag 'ajax_scaffold', :media => 'all' %>
  <% end
     if File.exists?("#{RAILS_ROOT}/public/javascripts/ajax_scaffold.js") -%>
<%= javascript_include_tag 'rico_corner', 'ajax_scaffold' %>
  <% end
  end -%>

  <%= stylesheet_link_tag 'droplet','default','debug','alert','alert_lite','spread' %>
  <%= javascript_include_tag :defaults , 'shortcuts', 'window','window_effects','debug', 'keybind'%>
</head>

<body>
<div id="droplet_wrapper">
    <div id="top">
        <img id="logo" src="/images/logo.jpg" />
    </div>
    <div id="bar">
        <div class="topmenu">
            <ul id="suckerfish">
                <%= goldberg_suckerfish_menu %>
            </ul>
        </div>
    </div>
    <div id="content_wrapper">
        <div id="sidebar" style="overflow:hidden;">
            <div class="sidebar_login">
              <%= goldberg_login %>
            </div>
            <div id="sidebar_information"></div>
            <h1>Shortcuts</h1>
            <p>Some keyboard shortcuts to remember: <br />
            t: tagging images<br />
            u: show and hide this side bar<br />
            m: move image(s) to a different group<br />
            n: next image (in slideshow)<br />
            p: previous image (in slideshow)<br />
            s: start slideshow on selected images<br />
            double-click: view that image in large size<br />
            </p>
        </div>
        <div id="content">
            <% if flash[:notice] then %>
                <div id="flash_message" class="flash_message"><%= flash[:notice] %></div>
            <% end %>
            <% if flash[:error] then %>
                <div id="flash_message" class="flash_message"><%= flash[:error] %></div>
            <% end %>
            <%= yield  %>
        </div>
        <div class="clear"></div>
        <div id="footer">
            <p>This project is a semester project for Special Topics in Ruby, Rails and Ajax class taught by Dr. Venkat. We
            would like to thank Dr. Venkat for his hard work and undying support.
            </p>
        </div>
    </div> <!-- END div#content_wrapper -->
</div>
</body>
</html>